<template>
    <div class="box">
        <div class="boxs-top">
            <span class="bos-shan" @click="tiao">x</span>
            <span class="bos-text">商品详情</span>
            <span class="iconfont icon-zhuanfa"></span>
        </div>
        <Banners></Banners>
        <Option class="option"></Option>
        <Joined></Joined>
    </div>
        
</template>

<script>

import Banners from "../components/banners.vue";
import Option from "../components/option.vue";
import Joined from "../components/joined.vue"

export default {
  name: 'App',
  components: {
    Banners,Option,Joined
  },
  methods:{
      tiao(){
          this.$router.back()
      }
  }
}

</script>

<style scoped>
.option{
  margin: 0.1rem auto 1.06rem;
}

.boxs-top{
    width: 100%;
    height: 0.45rem;
    position: fixed;
    top: 0;
    background-color: #f5f5f5;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.boxs-top .bos-shan{
    font-size: 0.22rem;
    margin-left: 0.18rem;
}
.boxs-top .icon-zhuanfa{
    margin-right: 0.16rem;
}
</style>
